<template>
	<view>
		<!-- 修改密码 -->
		<view class="form-box">
			<view class="form-item">
				<view class="item-label">姓名</view>
				<view class="item-input-right">
					<input type="text" placeholder="请填写姓名" disabled="true" v-model="formData.nickName" />
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">原密码</view>
				<view class="item-input-right">
					<input type="text" placeholder="请填写原密码" password="true" v-model="formData.oldPwd" />
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">新密码</view>
				<view class="item-input-right">
					<input type="text" placeholder="请填写新密码" password="true" v-model="formData.newPwd" />
				</view>
			</view>
			<view class="form-item">
				<view class="item-label">确认密码</view>
				<view class="item-input-right">
					<input type="text" placeholder="请填写确认密码" password="true"  v-model="formData.secondPwd"/>
				</view>
			</view>
			<button type="primary" style="margin-top: 20px;" @tap="savePwd">修改密码</button>
		</view>
	</view>
</template>

<script>
	export default {
		name:"changePwd",
		data(){
			return {
				formData:{
					nickName:"",
					oldPwd:"",
					newPwd:"",
					secondPwd:""
				}
			}
		},
		onLoad:function(){
			
		},
		methods:{
			//修改密码
			savePwd(){
				uni.showToast({
					title:'功能正在开发中'
				});
			}
		},
	}
</script>

<style scoped>
.form-box{
	margin-top: 100px;
	box-sizing: border-box;
	padding: 0px 20px;
}
.form-item{
	display: flex;
	flex-direction: row;
	height: 80px;
	margin-top: 10px;
	background-color: white;
}
.item-label{
	width: 170px;
	display: flex;
	height: 80px;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.item-input-right{
	flex: 1;
}
.item-input-right>input{
	width: 100%;
	height: 80px;
}
</style>
